<template>
  <div class="check-buttom-selector" :class="{isActive:value}" @click="selectedItem">
    <img src="~/assets/img/cart/tick.svg" alt="" />
  </div>
</template>

<script>
export default {
    props: {
        value: {
            type: Boolean,
            default: true
        },
    },
    methods: {
        selectedItem() {
            this.$emit('checkBtnClick')
        }
    },
};
</script>

<style>
.check-buttom-selector {
  position: relative;
  margin: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #ccc;
  /* 更改光标样式 */
  cursor: pointer;
}

.isActive{
 background-color: #ff8198;
    border-color: #ff8198;
}
</style>
